body,html {
  line-height: 1;
  font-family: 'PingFang SC', 'STHeitiSC-Light', 'Helvetica-Light', arial, sans-serif, 'Droid Sans Fallback';
  user-select: none;
  -webkit-tap-highlight-color: transparent;
  background: $color-background;
  color: $color-text;
}

.g-relative {
  position: relative;
}

.slide-enter-active, .slide-leave-active {
  transition: all .3s;
}

.slide-enter-from, .slide-leave-to {
  transform: translate3d(100%,0,0)
}

.list-enter-active, .slide-leave-active {
  transition: all .3s;
}

.list-enter-from, .list-leave-to {
  height: 0 !important;
}

@keyframes rotate {
  0% {
    transform: rotate(0);
  }
  100% {
    transform: rotate(360deg);
  }
}